<template>
    <slot>
        <div>
            <div class="flex">
                <img src="@/assets/404.svg" alt="暂无数据" class="nodata-icon">
                <p class="txt1">待发布内容为空</p>
                <p class="txt2">你还没有添加任何新闻，快去新闻池挑选合适的新闻吧</p>
                <el-button type="primary" @click="router.push({ name: 'pool' })">前往新闻池</el-button>
            </div>
        </div>
    </slot>
</template>
<script setup lang="ts">
import { useRouter } from 'vue-router';


const router = useRouter()
</script>

<style scoped lang="scss">
.flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 178px);

}

.txt1 {
    font-size: 20px;
    font-weight: 600;
}

.txt2 {
    font-size: 16px;
    color: #999;
}
</style>